
<html>

<title>First Test of Section 5.6.1 of CSS1 Spec</title>

<style type="text/css">
p {display: block}
em {display: inline}
li {display: list-item}
img {display: none}
</style>
</head>



<body>




<h1 >Testing Statement #1 Below of Section 5.6.1 of CSS1 Spec</h1>






<li>
<ul>
<li>
1. "display" has possible values of "block | inline | list-item | none".
</ul>





<h2>
PASS CRITERIA:
</h2>
<p >
If statement #1 above is passed, this paragraph should have a surrounding box
according to the CSS formatting model.
The rule applied is "p {display: block}".
<em>This emphasized text should be contained in a new inline box to match
this content.  The rule applied is "em {display: inline}"</em>
</p>
<ul>
<li>
This list-item should have a list item marker to the left in a surrounding
box like the paragraph above.  The rule applied is "li {display: list-item}".
</ul>



<p>
<img src="ovalbbut.gif">
There should be no image displayed above, despite the HTML
"img src="ovalbbut.gif" in the source, because of the rule
"img {display: none}".
All other properties of this page should be UA-default.


</body>
</html>
